<%@ page language="java" contentType="text/html; charset=UTF-8"
	import="java.util.*" pageEncoding="UTF-8"%>
	<%String path=request.getContextPath(); %>
<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BONC简历操作中心-用户管理</title>

<jsp:include page="../import.jsp"/>
<link href="${request.contextpath}/css/userPage/managerPage.css" rel="stylesheet" />


</head>

<body>
	
<jsp:include page="../head.jsp"></jsp:include>

<!-- =================   添加用户的模态框 =========================== -->

<!-- 模态框（Modal）  #addUser 添加 用户  -->
<div class="modal fade" id="addUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="margin-top:200px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalLabel">
					添加用户
				</h4>
			</div>
			<form action="" id="addUser-form">
				<div class="modal-body input-group">
					 <label class="form-control glyphicon glyphicon-user" style="width: 50px;margin-left: 110px;margin-top:-1px;"> </label>
		              <input id="addUserName" type="text" name="user_name" class="form-control" style="width: 300px;border-top-right-radius:4px;border-bottom-right-radius:4px;" placeholder="输入用户名"/>
											  <br/>	<span id="addUserNameSpan" style="height:38px;">&nbsp</span><br/>
					<label class="form-control glyphicon glyphicon-lock" style="width: 50px;margin-left:110px;margin-top:-1px;"> </label>
		             <input id="addUserPwd" type="text" name="passwd" class="form-control" style="width: 300px;" placeholder="输入密码"/>  
		              <br/>	<span id="addUserPwdSpan" style="height:38px;">&nbsp</span><br/>
		             <label class="form-control glyphicon glyphicon-folder-close" style="width: 50px;margin-left:110px;margin-top:-1px;"> </label>
		            	<select id="select_tiaojian" class="form-control" name="department" style="width: 300px;">
								 <option id="alltiaojian" selected="selected" value="">添加分组</option>
                                 <option id="xueli" >研发一部</option>
                                 <option id="xingbie" >研发二部</option> 
                                 <option id="nianxian" >研发三部</option>
                                 <option id="xuexiao" >人力资源一部</option>
                             
                         </select> 
		            <br/>	<br/><br/>
		             <label class="form-control glyphicon glyphicon-wrench" style="width: 50px;margin-left:110px;margin-top:-1px;"> </label>
			            <label class="checkboxLabel"><input name="" type="checkbox" value="登录权限" />登录权限 </label> 
						<label class="checkboxLabel"><input name="" type="checkbox" value="搜索权限" />搜索权限</label> <br/>
						<label class="checkboxLabel" style="margin-left:170px;"><input name="" type="checkbox" value="修改简历权限" />修改简历权限</label> 
						<label class="checkboxLabel"><input name="" type="checkbox" value="标记简历权限" />标记简历权限</label> 
						<input type="hidden" name="authority" id="Jszzdm" value="" />
						<script>
						  $('input[type=checkbox]').change(function(){
						    $('#Jszzdm').val($('input[type=checkbox]:checked').map(function(){return this.value;}).get().join(','));
						  })
						</script>
						
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" 
							data-dismiss="modal">关闭
					</button>
					<!--  type="submit" -->
					<button class="btn btn-primary" onclick="regist()">
						添加
					</button>
				</div>
			
			</form>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->		
	 
<!-- =================   添加用户的模态框  end =========================== -->

<!-- 模态框（Modal）  修改 用户  -->

<div id="alter_user_div">

</div>
<!-- =================   修改 用户的模态框  end =========================== -->

	<div class="container" id="managerUser">
		<div class="modal-dialog" style="width: 100%; margin-top: 50px;">

			<div class="row" style=" border-bottom: #777777 1px solid;">
				<div class="col-md-6" style="background-color: #EFEFEF;">
					 <div id="Dashboard_div" class="glyphicon glyphicon-list"
						style="color: #66CCFF;">用户管理</div>
				</div>
				<div class="col-md-6" style="background-color: #EFEFEF;">
				 
						<div id="Dashboard_right_div">
						<button class="btn btn-default glyphicon glyphicon-edit" data-toggle="modal" data-target="#addUser" style="margin-bottom:5px;">添加用户</button>
						</div> 
				</div>
			</div>
			<div class="row">
				<div class="col-md-12" style="background-color: #EFEFEF; ">	
					<div class="modal-body input-group">
						<label class="form-control glyphicon glyphicon-search icon_lable_manager" style="width: 50px; margin-left: 110px; margin-top: -1px;"></label> 
						<input id="managerUser_name" type="text" name="user" class="form-control manager_name" placeholder="输入用户名" style="width: 300px;"/> 
						<label class="form-control glyphicon glyphicon-wrench icon_lable_manager" style="width: 50px; margin-left: 110px; margin-top: -1px;"></label> 
						<select id="selectGroup" name="show_select" class="form-control" style="width: 300px;">
							<option id="" name=" "  selected="selected" value="">选择分组</option>
							<option id=" " name=" " >研发一部</option>
							<option id=" " name=" " >研发二部</option>
							<option id=" " name=" " >研发三部</option>
							<option id=" " name=" " >人力资源一部</option>
						</select>
						<button class="btn btn-default glyphicon glyphicon-share-alt select_user_btn"
							onclick="selectUser();"></button>
						<br />
						<br />
						<br />

						<table class="table table-striped table-bordered table-hover">
							<thead>
								<tr class="tableHead">

									<!-- 直接在后面 添加修改小按钮 -->
									<th width="10%">用户名</th>
									<th width="10%">密码</th>
									<th width="10%">部门</th>

									<th width="20%">权限</th>
									<th width="10%">状态</th>
									<th width="10%">修改</th>
									<th width="10%">删除</th>

								</tr>
							</thead>
							<tbody id="info"></tbody>
						</table>

					</div>

				</div>
			</div> <!-- cow -->
			
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

 <script type="text/javascript" src="<%=path%>/js/userPage/managerPage.js"></script>
</body>

</html>